<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>个人博客首页 </title>
  <link rel="stylesheet" href="../CSS/12.3Intensive_training.css">
</head>
<body>
<article>
  <div class="wrapper">
    <div class="nav">
        <ul>
            <li><a href="#"><img src="../img/blog.png" alt="LOGO"></a></li>
            <li><a href="#" class="index">博客首页</a></li>
            <li><a href="#">博文目录</a></li>
            <li><a href="#">精选图片</a></li>
            <li><a href="#">好友互动</a></li>
            <li><a href="#">关于我</a></li>
        </ul>
    </div>
      <div class="article-banner">
          <div class="info">
                <p class="face"><a href="#"><img src="../img/touxiang.jpg" alt="头像"></a></p>
                <h2 class="title">诗与远方过于遥远，不如在有风景的城市，做一次旅行者。</h2>
                <div class="author-data">
                    <span><a href="#">小傻公主</a></span>
                    <span><a href="#">2018-12-5</a></span>
                    <span>浏览 2250</span>
                </div>
                <div class="link">
                    <span><a href="#">收藏</a></span>
                    <span><a href="#">分享</a></span>
                </div>
          </div>
      </div>
  </div>
</article>
</body>
</html>